<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.thymeleaf.org/thymeleaf-extras-shiro">

<head>
    <meta charset="UTF-8">
    <title>用户管理</title>
    <link href="/plugins/layui/css/layui.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<!-- 头部查询区域 -->
<div style="margin: 10px 0 0 10px">
    用户名：
    <div class="layui-inline">
        <input id="searchProductname" type="text" name="productname" class="layui-input"/>
    </div>
    <input type="button" id="searchBtn" class="layui-btn" value="查询"/>
    <input type="button" id="addBtn" class="layui-btn" value="新增"/>

</div>

<!-- 显示数据列表区域 -->
<table id="productTable" lay-filter="productTable1"></table>

<!-- 新增/编辑用户弹窗中的html模版  -->
<script type="text/html" id="addProductTemplate">
    <form class="layui-form" action="" style="padding: 20px" id="productForm" lay-filter="productForm">
        <input type="hidden" name="id">
        <div class="layui-form-item">
            <label class="layui-form-label">产品名</label>
            <div class="layui-input-inline">
                <input type="text" name="name" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">编号</label>
            <div class="layui-input-inline">
                <input type="code" name="code" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">价格</label>
            <div class="layui-input-inline">
                <input type="text" name="price" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">单位</label>
            <div class="layui-input-inline">
                <input type="text" name="unit" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label"></label>
            <div class="layui-input-inline">
                <input id="saveBtn" type="button" value="保存" class="layui-btn">
            </div>
        </div>
    </form>
</script>

<!-- 表格操作工具条模版 -->
<script id="operateTemplate" type="text/html">
    <input type="button" value="绑定角色" lay-event="role" class="layui-btn layui-btn-xs"/>
    <input type="button" value="编辑" lay-event="edit" class="layui-btn layui-btn-xs"/>
    <input type="button" value="删除" lay-event="del" class="layui-btn layui-btn-xs layui-btn-danger"/>
</script>
<!-- 树形模板 -->
<script id="operateTree" type="text/html">

    <div class="layui-form-item" id="CategoryTree"></div>
    <div class="layui-form-item">
        <label class="layui-form-label"></label>
        <div class="layui-input-inline">
            <button id="saveCategoryTree" class="layui-btn layui-btn-radius layui-btn-normal">保存</button>
        </div>
        </br></br><br><br>
        <div id="info" style="color: red;margin-left: 100px;font-size: 20px"></div>
    </div>

</script>
<script type="text/javascript" src="/plugins/layui/layui.js"></script>
<script type="text/javascript" src="/resources/js/product.js"></script>
</body>
</html>